草庐IT

css - 使 div 可滚动

全部标签

Javascript、SetInterval 和 SetTimeOut 函数导致滚动不稳定

我正在使用带有特定模板的Squarespace网站,该模板使用索引页面和子页面作为索引页面的内容。(页面可以一个接一个地滚动)。我猜Squarespace正在使用anchor从索引页面滚动到相关页面。我添加了一个javascript来显示当前时间并每秒更新一次(moment.js和moment-timezone)。我每秒用SetInterval(function_name,1000);更新时间;时间每秒都在正确更新。但是,这会导致我正在更新时间的特定页面在尝试向上或向下滚动时保持聚焦(每秒发生一次)。因此,如果我尝试从时间正在更新的特定页面向上或向下滚动,它会每秒自动滚动回该页面!似乎

javascript - vueJS + webpack : importing fonts, CSS 和 node_modules

我开始使用Vue.js和Webpack,我对如何正确导入和引用我的字体、CSS和node_modules有一些疑问。我使用vue-cli启动了我的应用程序,结果结构如下:buildconfignode_modulessrc--assets--components--routerstatic这是我的webpack.base.conf文件:varpath=require('path')varutils=require('./utils')varconfig=require('../config')varvueLoaderConfig=require('./vue-loader.conf')

javascript - 如何将 Javascript 变量值放入 CSS?

如何让time变量的内容显示为content我的CSS中的属性?JavaScript:functionclock(){vard=newDate();varhour=d.getHours();varmin=d.getMinutes();vartime=hour+":"+min;}CSS:.screen{position:absolute;height:75%;width:75%;background:#98E8EE;top:11.5%;left:12.5%;}.screen::after{color:#F9F5F4;font-size:40px;content:;font-family:

javascript - 根据 JSON 数据将元素 append 到 div

我有一个包含“类(class)类别”和“标题”的本地JSON文件。每个类别有多个标题,每个标题对应一个类别。我创建了threeseparatedivs:“TopCourses”、“New-AddedCourses”,最后是“TopCourses”,div按类别填充。单击类别会打开一个模式,该模式会再次显示类别名称和正确的类别描述。它应该显示与该类别关联的所有标题,例如单击“动物”类别应显示“Chinchilla”、“Axolotl”、“Flea”等。我想做的是点击类别仅显示与该类别关联的标题。我在模态中看到标题---但是I'monlyseeingoneTitle来自每个类别。根据标题的

javascript - 如何判断是 "html"还是 "body"滚动窗口

下面的代码用于通过javascript查找可以滚动的元素(body或html)。varscrollElement=(function(tags){varel,$el,init;//iteratethroughthetags...while(el=tags.pop()){$el=$(el);//ifthescrollTopvalueisalready>0thenthiselementwillworkif($el.scrollTop()>0){return$el;}//ifscrollTopis0trytoscroll.elseif($el.scrollTop(1).scrollTop()

javascript - drupal 主题 : how do I include several css files/js files on my theme's . 信息文件?

我正在创建一个新的Drupal主题。到目前为止,我只需要包含一个css文件和一个js文件。所以我的theme.info文件有这样的东西:stylesheets[all][]=css/style.cssscripts[]=js/script.js现在我必须包含jquery和jquery-ui才能使用日历日期。它们带有2个新的javascript文件和1个我必须添加到站点的附加css文件。日历输入表单将用于所有页面(在侧block上),因此我可以在所有页面上加载额外的css/javascript。我认为最简单的方法是在.info文件本身上引用它们。起初我试着把它们放在单独的空格里:styl

javascript - 移除 Parent Div,但不移除父级中的内容。

嘿,我不确定这是否可能,但无论如何。比如说:RemoveParent$(function(){$('#bar').click(function(){$(this).parent().remove();});});是否可以删除父容器,在此示例中为#foo但保留子anchor标记#bar? 最佳答案 在这种情况下,您会寻找.unwrap()例子...$(function(){$('#bar').click(function(){$(this).unwrap();});}); 关于javasc

javascript - 如何在不影响其他元素的情况下扩展一个DIV

我想知道如何在不影响页面中其他元素布局的情况下展开“div”。具体来说,我想实现与此类似的效果-http://www.ikea.com/us/en/catalog/categories/departments/kitchen/kitchen_int_lighting/.如果将鼠标悬停在任何产品上,您会看到该框展开并显示更多信息;但是,其他元素(例如下面的产品图片)不受扩展的影响。 最佳答案 使用绝对位置。相反,您也可以通过在div上的悬停事件上编写,在具有更高z-index的那个位置添加一个额外的div来实现相同的效果。

javascript - 用另一个内容替换 div 的内容

我一直在构建一个链接列表,所有这些都应该在单击时将div的内容更改为另一个特定内容(大约4行内容:名称、网站、联系方式等)。我找到了这段代码:functionReplaceContentInContainer(id,content){varcontainer=document.getElementById(id);container.innerHTML=content;}并以这样的方式使用它:superlink')">Pomorskie它并没有像我预期的那样工作。它将超链接文本从“Pomorskie”更改为“superlink”。纯文本工作正常,但我需要链接。这是http://xn--

javascript - 如何在使用我自己的鼠标滚轮平滑滚动时缩放到鼠标指针?

我的应用程序的一部分包含类似于谷歌地图的功能,用户应该能够在容器内放大和缩小图像。与谷歌地图一样,我希望用户能够使用鼠标滚轮滚动,图像上的像素始终保持在鼠标指针的正下方。所以基本上用户将缩放到他们的鼠标指针所在的位置。对于缩放/平移,我正在使用这样的css转换:可见$('#image').css({'-moz-transform':'scale('+ui.value+')translate('+self.zoomtrans.xNew+'px,'+self.zoomtrans.yNew+'px)','-moz-transform-origin':self.zoomtrans.xImage